<template>
  <div class="list-box-bar">
    {{ title }}
    <div v-if="arrow" style="float: right"><van-icon name="arrow" /></div>
  </div>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '',
  },
  arrow: {
    type: Boolean,
    default: false,
  },
})
</script>

<style scoped>
.list-box-bar {
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  border-left: 15px solid var(--van-primary-color);
}
</style>
